<template>
    <div class="mainTitle">
        <img src="../../../static/img/bossVersion/titleLeft.png" />
        <slot name="txt" class="txt"></slot>
        <img src="../../../static/img/bossVersion/titleRight.png" />
    </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {};
  }
};
</script>

<style lang="scss" scoped>
@import "../../style/bossVersion/_basics";

.mainTitle {
  @include flexXYcen;
  margin-top: 0.12rem;
  margin-bottom: 0.12rem;
  & > img {
    width: 0.68rem;
    height: 0.04rem;
  }
  & > .txt {
    margin: 0 0.1rem;
    color: $color1;
    @include bold(0.17rem);
  }
}
</style>
